<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>web成果展示</title>
		<link rel="stylesheet" type="text/css" href="./css/自定义栅格.css" />
		<link rel="stylesheet" type="text/css" href="./css/webProduct.css" />
		<link rel="stylesheet" type="text/css" href="./css/public.css" />
		<link rel="stylesheet" type="text/css" href="./css/iconfont.css" />
		<link rel="shortcut icon" href="./img/木.png">
	</head>

	<style type="text/css">
		/*头部特殊样式*/
		
		#header .container ul a.travel {background: #08C3B4;}
		/*头部特殊样式结束*/
		
		.travel_con {width: 100%;1000px;}
		.travel_con .row{height: 300px;}
		.travel_con  .row .travel-item{height: 100%;background: #999;}
	    .travel_con  .row .travel-item img{width: 100%;height: 260px;}
	</style>

	<body>
		<div id="myHome">
			<!--头部开始-->
			<div id="header" class="clearfix">
				<div class="header_fix">
					<div class="container">
						<div class="row clearfix" >
							<a href="index.html"  class="col-xs-6 logo"><i></i><!--<span style="color: red;line-height: 60px;font-size: 20px;">张琴琳的个人主页</span>--></a>
						<ul>
							<a href="index.html" class="col-xs-6 ">
								<li>
									<i class="iconfont icon-mu1"></i>
									<span>首页</span>
								</li>
							</a>
							<a href="aboutMe.html" class="col-xs-6 ">
								<li class="aboutMe">
									<i class="iconfont icon-xiaoren"></i>
									<span>关于我</span>
								</li>
							</a>
							<a href="music.html" class="col-xs-6 ">
								<li>
									<i class="iconfont icon-yinle"></i> 音乐
								</li>
							</a>
							<a href="photos.html" class="col-xs-6 ">
								<li>
									<i class="iconfont icon-xiangce"></i>
									<span>相册</span>
								</li>
							</a>
							<a href="diary.html" class="col-xs-6 ">
								<li>
									<i class="iconfont icon-xieriji"></i>
									<span>日记</span>
								</li>
							</a>
							<a href="travel.html" class="col-xs-6 ">
								<li>
									<i class="iconfont icon-flower"></i> 旅行
								</li>
							</a>

							<a href="contactME.html" class="col-xs-6 ">
								<li>
									<i class="iconfont icon-zan"></i>
									<span>联系我</span>
								</li>
							</a>
							<a href="webProduct.html" class="col-xs-6 ">
								<li>
									<i class="iconfont icon-zan"></i>
									<span>web作品展示</span>
								</li>
							</a>
						</ul>
						</div>
						
					</div>
				</div>

			</div>
<<<<<<< HEAD
			<!--头部结束--
=======
			<!--头部结束-->
>>>>>>> 55e70042eb6b11038446b183cc8a4042e4d56ba7

			<!--内容部分-->
			<div class="travel_con">
				<div class="container">
					<div class="row">
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-xs-12 col-sm-6">
							<div class="travel-item">
	                            <img src="./img/2.jpg"/>
	                            <p>巴厘岛</p>
							</div>
						</div>
					</div>
				</div>

			</div>

			<div id="footer">
				<div class='container'>
					<div class='footer_link'>友情链接：
						<a href="#"></a>
					</div>
					<p>本网站作者：张琴琳，所有的内容由本人原创，侵权必究。</p>
				</div>
			</div>
			<div class="toTOP">
				<div class="f_top">

				</div>
			</div>

		</div>
	</body>

</html>